@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:12px/1.5 Tahoma,arial,'Hiragino Sans GB','microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}
img{-webkit-box-sizing:border-box;box-sizing:border-box; max-width:100%;height:auto;vertical-align:middle;border:0;transition: all 0.3s;}
.els{overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
/* 项目主体部分设置 */
body{ background-color:#fff;color:#555;max-width: 1920px;margin: 0 auto;}
a{color:#555;text-decoration:none;/*transition:color 0.2s linear 0s*/}
a:hover{color:#003980;}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden;transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99) }
.g-in { position: relative; width: 1400px; margin: 0 auto; }
.g-in:after { content: '\20'; display: block; height: 0; clear: both; }
@media (max-width:1480px) {
    .g-in {width: 1200px;}
}
.header { position: relative; top: 0; left: 0; right: 0; height: 123px; transition:transform 0.6s cubic-bezier(0.4,0,0.2,1); z-index: 15;background-color: #fff; }
.logo {position: relative;float: left;/* width: 420px; *//* height: 96px; */padding-left: 60px;}
.fun { float: right; height: 123px; }
.nav { float: left; margin-right: 30px; font-size: 16px; line-height: 123px; }
.nav>li { position: relative; float: left; color: #fff; }
.nav> li> a {display: inline-block;height: 42px; padding: 0 30px;font-size: 16px;color: #333;line-height: 42px;}
.nav> li:hover>a,.nav> .cur > a { color: #fff;background-color: #003980;border-radius: 21px; }
@media (max-width: 1750px){
    .nav> li> a {padding: 0 18px;}
}

.nav li .shownav { position:absolute; left:-15%; top:123px; width:130%; visibility:hidden; font-size:14px; z-index:1; }
.nav li .shownav a { display: block; margin:0; padding:10px 10px; background: rgba(255,255,255,.76); color:#000; line-height:20px; text-align:center; border: 1px solid #cccccc;}
.nav li .shownav { transform:scale(0); }
.nav li .shownav a { opacity: 0; transform: rotateY(90deg); transition: all .4s ease; }
.nav li .shownav a:hover { color:#003980; }
.nav li:hover .shownav { visibility:visible; }
.nav li:hover .shownav{z-index:10; transform:scale(1);} 
.nav li:hover .shownav a{opacity:1; transform:none;margin-top: -1px;}
.nav li:hover .shownav a:nth-child(1){ transition: delay 0s;margin-top: 0;}
.nav li:hover .shownav a:nth-child(2){ transition-delay:50ms}
.nav li:hover .shownav a:nth-child(3){ transition-delay:.1s}
.nav li:hover .shownav a:nth-child(4){ transition-delay:150ms}
.nav li:hover .shownav a:nth-child(5){ transition-delay:.2s}
.nav li:hover .shownav a:nth-child(6){ transition-delay:250ms}
.nav li:hover .shownav a:nth-child(7){ transition-delay:.3s}
.nav li:hover .shownav a:nth-child(8){ transition-delay:350ms}
.nav li:hover .shownav a:nth-child(9){ transition-delay:.4s}
.nav li:hover .shownav a:nth-child(10){ transition-delay:450ms}
.nav li:hover .shownav a:nth-child(11){ transition-delay:.5s}
.nav li:hover .shownav a:nth-child(12){ transition-delay:550ms}
.nav li:hover .shownav a:nth-child(13){ transition-delay:600ms}
.nav li:hover .shownav a:nth-child(14){ transition-delay:650ms}
.nav li:hover .shownav a:nth-child(15){ transition-delay:700ms}
.nav li:hover .shownav a:nth-child(16){ transition-delay:750ms}
.nav li:hover .shownav a:nth-child(17){ transition-delay:800ms}
.nav li:hover .shownav a:nth-child(18){ transition-delay:850ms}
.nav li:hover .shownav a:nth-child(19){ transition-delay:900ms}
.nav li:hover .shownav a:nth-child(20){ transition-delay:950ms}
.fun-search { position: relative; float: left;width: 154px;  height: 123px;background-color: #f5f5f5; }
.fun-search .fun-search-ico { display: block;height: 123px; background: url(search.png) no-repeat center;  }
.fun-search form {position:absolute;top:123px;right:0;z-index: 18;width: 300px;display:none;border: 1px solid #013a69;background-color: #fff; z-index: 99; }
.fun-search input[type="text"]{width: 228px;height: 45px;line-height:38px;background:#fff;float:left;padding: 0 12px;font-size:14px;border: none;outline-style: none;box-sizing: border-box;}
.fun-search input[type="submit"]{width: 70px;height: 45px;background:#013a69;color:#fff;text-align:center;cursor:pointer;float:right;font-size:14px;border: 0;border-radius: 0;}
.c-nav-button {width: 25px;cursor: pointer;height: 25px;background: none;text-align:center;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);z-index:902;}
.c-nav-button_wrap {display:inline-block;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}
.c-nav-button_icon {display:inline-block;width: 25px;margin-top: 3px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}
.has-nav-open .c-nav-button_icon {transform:rotate(135deg);transition-delay:0.2s;}
.c-nav-button_line {position:relative;display:block;height:3px;margin-bottom: 6px;border-radius:3px;transform:translateZ(0);transition:transform 0.2s cubic-bezier(0.4,0,0.2,1) 0.2s,opacity 0.15s 0.05s;}
.c-nav-button_line::before,
.c-nav-button_line::after {display:block;content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:2px;background-color:#fff;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);transform:translateZ(0);}
.c-nav-button_line::after {opacity:0;}
.has-nav-open .c-nav-button:hover .c-nav-button_line::before {transform:translateY(0);}
.c-nav-button_line:nth-child(1)::before {transition-delay:0.2s;}
.c-nav-button:hover .c-nav-button_line:nth-child(1)::before {transition-delay:0s;}
.has-nav-open .c-nav-button_line:nth-child(1) {transition-delay:0s,0.2s;transform: translateY(9px);}
.c-nav-button_line:nth-child(2) {transition:transform 0.2s cubic-bezier(0.4,0,0.2,1) 0.05s;width: 60%;}
.c-nav-button_line:nth-child(2)::before {transition-delay:0.1s;}
.has-nav-open .c-nav-button_line:nth-child(2) {transform:rotate(90deg);transition-delay:0.15s; width:100%;}
.c-nav-button_line:nth-child(3) {position:relative;margin-bottom:0;}
.c-nav-button_line:nth-child(3)::before {transition-delay:0.0s;}
.c-nav-button:hover .c-nav-button_line:nth-child(3)::before {transition-delay:0.2s;}
.has-nav-open .c-nav-button_line:nth-child(3) {transform:translateY(-0.59375rem);opacity:0;transition-delay:0s,0.15s;}
.c-nav-button_line:nth-child(3)::after {top:0.59375rem;}
.has-nav-open .c-nav-button_line::before,
.has-nav-open .c-nav-button_line::after { background-color: #fff; }
.c-nav {position:fixed;top:0;right:0;bottom:0;left:0; width: 100%; z-index:12;overflow:hidden;visibility:hidden;transition:visibility 0s 0.85s;}
.has-nav-open .c-nav {visibility:visible;transition-delay:0s;}
.c-nav_background {position:absolute;top:0;right:0;bottom:0;left:0; }
.c-nav_background::before,
.c-nav_background::after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(0);transform-origin:center left;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);}
.c-nav_background::before { transition-delay:0.25s;z-index:1;}
.c-nav_background::after { background: #013a69;transition-delay:0.10s;z-index:3;}
.has-nav-open .c-nav_background::before,
.has-nav-open .c-nav_background::after { transform:scaleX(1);}
.has-nav-open .c-nav_background::before {transition-delay:0s;}
.has-nav-open .c-nav_background::after {transition-delay:0.15s;}
.c-nav_list-wrap {position:relative; height: 85vh; padding: 0 0 0 15vw; margin:123px 0 5vh; overflow-y: auto; z-index:4; }
.c-nav_list-wrap a { position: relative; display: block; font-size: 20px; color: #fff; text-transform: uppercase; line-height: 3; }
.c-nav_list-wrap a i { position: relative; display: inline-block; width: 8px; height: 8px; margin-left: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(315deg); transform-origin: 0 0; transition: all .3s ease; }
.c-nav_list-wrap a.o { color: #ff0; }
.c-nav_list-wrap a.o i { transform: rotate(135deg); transform-origin: 5px 5px; }
.c-nav_list-wrap .c-nav_list {position:relative;margin:0;line-height:1;z-index:4;display:inline-block;font-size:.3rem; padding:4vh 0 0 4.2rem;}
.c-nav_list-wrap .c-nav_list .shownav { display: none; padding-left: 2.2rem; }
.c-nav_list-wrap .c-nav_list .shownav a { font-size: 16px; line-height: 2.4; } 
.c-nav_list-wrap .c-nav_list .c-nav_item {position:relative; transform:translateX(-100%) translateX(-.5rem); transition:transform 0.45s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1); opacity:0;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(1) {transition-delay:0.2s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(2) {transition-delay:0.1s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(3) {transition-delay:0.0666666667s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(4) {transition-delay:0.05s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(5) {transition-delay:0.04s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(6) {transition-delay:0.0333333333s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(7) {transition-delay:0.0285714286s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(8) {transition-delay:0.025s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(9) {transition-delay:0.0222222222s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(10) {transition-delay:0.02s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(11) {transition-delay:0.0181818182s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(12) {transition-delay:0.0166666667s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item { transform:translateX(0);opacity:1;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(1) {transition-delay:0.19s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(2) {transition-delay:0.23s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(3) {transition-delay:0.27s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(4) {transition-delay:0.31s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(5) {transition-delay:0.35s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(6) {transition-delay:0.39s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(7) {transition-delay:0.43s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(8) {transition-delay:0.47s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(9) {transition-delay:0.51s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(10) {transition-delay:0.55s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(11) {transition-delay:0.59s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(12) {transition-delay:0.63s;}
.header-bg { background-color: rgba(0,0,0,.5); color: #fff; }
.header-bg .nav> li> a { color: #fff; }
.header-bg .fun-search .fun-search-ico { background: url(../images/fun-search2.png) no-repeat; }
.header-bg .fun-nav .fun-nav-ico { background: url(../images/fun-menu2.png) no-repeat; }
.banner { position: relative; width: 1920px;left: 50%;margin-left: -960px; z-index:0;}
.banner .swiper-banner .swiper-pagination {bottom: 4.5%;}
.banner .swiper-banner .swiper-pagination .swiper-pagination-bullet {width: 152px; height: 4px; background-color: #fff;}
.banner .swiper-banner .swiper-pagination .swiper-pagination-bullet-active {background-color: #005dd1;transition: all .4s;}
.swiper-banner .swiper-slide img {width: 100%;display: block;}
.footer {background-color: #222222;padding-top: 60px;}
.footer .f-a,.footer .f-b{float: left;}
.footer .f-a {width: 630px;}
.footer .f-a .f-logo {margin-bottom: 70px;}
.footer .bshare-custom {width: 520px;text-align: center;margin-bottom: 130px;}
.footer .bshare-custom a {width: 38px;height: 38px;margin: 0 24px;}
.bshare-custom a.bshare-weixin { background: url(f-a1.png) no-repeat!important; }
.bshare-custom a.bshare-qqim { background: url(f-a2.png) no-repeat!important; }
.bshare-custom a.bshare-sinaminiblog  { background: url(f-a3.png) no-repeat!important; }
.footer .f-b {width: 500px;}
.footer .f-code {float: right;text-align: center;margin-top: 55px;margin-right: 60px;}
.footer .f-code i {display: block;font-size: 16px;color: rgba(255, 255, 255, 0.6);line-height: 36px;}
.footer .f-c {float: right;}
.footer .f-c a {font-size: 16px;color: #999999;line-height: 36px;}
.footer .f-c a:hover {color: #fff;}
.footer .f-b p {padding-left: 30px;font-size: 16px; color: rgba(255, 255, 255, 0.6);margin-bottom: 40px;}
.footer .f-b .tel {background: url(tel.png) no-repeat left center;}
.footer .f-b .fax {background: url(fax.png) no-repeat left center;}
.footer .f-b .email {background: url(email.png) no-repeat left center;}
.footer .f-b .address {background: url(address.png) no-repeat left center;}
.footer .copyright {border-top: 1px solid rgba(255, 255, 255, 0.1);color: #666666;line-height: 32px;}
.footer .copyright a {color: #666;}
.footer .copyright a:hover {color: #fff;}
.u-menu { position:relative;  width:166px; height:123px;  transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99;background-color: #003980;}
.u-menu div { position:absolute; top: 50%;left: 50%;transform: translate(-50%,-1px);width: 24px;height: 3px;background-color: #fff;transition:all 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
.u-menu .u-menu-top {transform:translate(-50%,-10px);-webkit-transform:translate(-50%,-10px);}
.u-menu .u-menu-bottom {transform:translate(-50%,8px);-webkit-transform:translate(-50%,8px)}
body.has-nav-open .u-menu .u-menu-top {transform:translate(-50%,-1px) rotate(45deg);-webkit-transform:translate(-50%,-1px) rotate(45deg);}
body.has-nav-open .u-menu .u-menu-bottom {transform:translate(-50%,-1px) rotate(-45deg);-webkit-transform:translate(-50%,-1px) rotate(-45deg);}
body.has-nav-open .u-menu .u-menu-middle { opacity: 0; }

#dituContent img {max-width: unset; transition: none;}

@media screen and (max-width: 1600px) {
    .logo{padding-left: 20px;}
    .fun-search{width: 120px;}
    .u-menu{width: 120px;}
}

@media (max-width:1480px) {
    .nav {margin-right: 20px;}
    .footer .f-a {width: 530px;}
    .footer .f-b {width: 400px;}
    .footer .f-code {margin-right: 75px;}
}

@media (max-width:1470px) {
    .fun-search{width: 100px;}
    .u-menu{width: 100px;}
    .nav{margin-right: 10px;}
    .nav> li> a{padding: 0 9px;}
}
@media (max-width:1300px) {
    .nav{display: none;}
}